<template>
	<el-container >
      <el-header>
     <v-header></v-header>
	  </el-header>
      <el-main>
		<book-list v-model:flag="flag" v-if="flag=='1'"></book-list>
		<log-list v-model:flag="flag" v-else ></log-list>
	  </el-main>
    </el-container>
</template>
<script setup>
import { ref ,reactive,toRefs} from 'vue'
import vHeader from '../components/Header.vue'
import BookList from './BookList.vue';
import LogList from './LogList.vue';
const flag=ref('1')

</script>
<style lang="less" scoped>
.el-header{
	--el-header-padding:0 0;
}
.el-container{
	background-color: #f3f3f4;
	
}
.el-footer{
  //position: fixed;
  margin-bottom: -10px;;
}
</style>
